<!DOCTYPE html>
<html>
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes"/>
    <head>
        <title> T&A's Anniversary</title>
        <!--link the style sheet-->
        <link rel="stylesheet" type="text/css" href="css/style.css">

    </head>
    <body>
        <header class="header">
            <div class="container">
                <h1>1<span class="st">st</span> Anniversary</h1>
            </div>
            <div class="logo">
                <a href="https://github.com/GeniusTintin" target="_blank">
                    <img src="./images/IMG_2152.JPG" alt="logo" width="40px">
                </a>
            </div>
            <div class="logo2">
                <a href="https://github.com/AngelaZha" target="_blank">
                    <img src="./images/a.jpg" alt="logo2" width="40px">
                </a>
            </div>
            <nav class="navbar" id="index-navbar">
                
                    <ul>
                        <li class="current"><a href="#">About</a></li>
                        <li><a href="flowers.html">Flowers!</a></li>
                    </ul>
                    
                
            </nav>
        </header>
        <section class="showcase">
            <div class="container">
                <h1><a href="hidden.html" style="text-decoration:none; color:white">一周年快乐！</a></h1>
                <h2>仅此来纪念丁丁和安安在一起一周年的日子～</h2>
            </div>
        </section>

        <div class="container">
            <section id="index-main">
                <h1>Since 1.Jul.2021</h1>
                <p>
                    It has been a year since Tintin & Angie been together!! (Actually it should be more than 365 days) A lot has happened during this year: Angie finished her honours project, and Tintin completed his first year of master. 

                </br>
                </br>
                    It might seem like Tintin is becoming more and more busy, and does not have as much time as before, but for him, Angie will always be the best girl that no one can ever compare.  
                </br>
                </br>

                    Ps: Nothing makes me more excited than to meet you in person this winter! Love u~ 
                    
                </br>
                </br>
                    (Want to see the flowers? Try the Nav bar~)

                </p>
                <p>
                    Tintin
                    <br>
                    1.Jul.2022 
                </p>
                
            </section>

            <section id="index-sidebar">
                <p>
                    I'm sure you know that this is not simply a webpage that only shows text~ Want to find out more secrets behind the "html" code? Why not try hovering your mouse through your profile pic? （or just click randomly across the page）🙈 There are sure to be other secrets for u to play around~
                    <br>
                    <br>
                    Love, T.
                </p>
            </section>
            
        </div>

        <footer class="footer">
            <p>Copyright &copy; 2022 Tintin Yuan</p>
        </footer>

    </body>
</html>